<template>
	<view>
		<!-- 宝贝评价 -->
		<view class="" style="font-size: 25rpx;display: flex;">
			<view class="whole">
				全部
			</view>
			<view class="whole">
				有视频/图（535）
			</view>
			<view class="whole">
				追加（190）
			</view>
		</view>
		<view class="" style="margin-top: 8%;">
			<view class="" v-for="(item,index) in 2">
				<view style="display: flex;">
					<image src="/static/images/head.png"
						style="margin-left: 3%;margin-top: 20rpx; width: 50rpx;height: 60rpx;"></image>
					<view style="margin-top: 10rpx;margin-left: 2%;">
						<view class="">
							g**8
							<image src="/static/images/钻石.png" style="width: 30rpx;height: 30rpx;"
								v-for="(item,index) in 6"></image>
						</view>
						<view style="font-size: 20rpx;color: #666;">
							2天前|化妆品净含量:200g
						</view>
					</view>
				</view>
				<view style="margin-left: 5%;width: 90%;font-size: 25rpx;margin-top: 10rpx;">
					太油了，质感、味道跟很久以前的“孩儿面”、“雪花膏”贼像，但是油了很多也贵了很多，对不起这一百多的价格，也对不起我对百雀羚的好感呐。打算弃了买别的用。
				</view>
				<image src="/static/images/评价-用户个人.png" style="margin-left: 5%;margin-top: 20rpx;"></image>
				<view class="" style="letter-spacing: 15rpx;margin-left: 5%;">
					浏览2次
				</view>
			</view>
		</view>
		<view class="buttom">
			<view style="width: 40%;display: flex;margin-left: 10%;">
				<view class="">
					<image src="/static/images/3.1收藏.png" @click="Collection" v-if="Collections"
						style="width: 30px;height: 30px;"></image>
					<image src="/static/images/收藏.png" @click="Collectiontwo" v-else
						style="width: 30px;height: 30px;"></image>
					<view class=""style="font-size: 20rpx;">
						收藏
					</view>
				</view>
				<view class="" style="margin-left: 20%;margin-top: 10rpx;">
					<image src="/static/images/购物车空.png"
						style="width: 30px;height: 30px;"></image>
					<view class="" style="font-size: 20rpx;">
						总价<text style="color: #F9AE3D;">￥0.00</text>
					</view>
				</view>
			</view>
			<view style="width: 50%;margin-top: 10rpx;" @click="purchase">
				<button type="default" style="width: 100%;border-radius: 40rpx;background-color: #F1A532;color: #fff;">立即购买</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Collections: true
			}
		},
		methods: {
			/**
			 * buttom
			 * 收藏亮 - 存入数据vuex
			 */
			Collection() {
				this.Collections = false
				// this.$store.dispatch("user/vuexCollection", this.List)
			},
			// 收藏不亮
			Collectiontwo() {
				this.Collections = true
				// let data = {
				// 	list: this.List,
				// 	id: this.id * 1 - 1
				// }
				// this.$store.dispatch("user/vuexCollectionDel", data)
			},
			// 跳转支付
			purchase(){
				uni.navigateTo({
				    url: '/pages/home/SecKill-active/Product-details/evaluate/purchase/purchase'
				});
			}
		}
	}
</script>

<style>
	.buttom{
		width: 100%;
		height: 100rpx;
		background-color: #fff;
		display: flex;
	}
	.whole {
		width: auto;
		height: 50rpx;
		line-height: 50rpx;
		background-color: #3B4144;
		color: #fff;
		border-radius: 20rpx;
		text-align: center;
		margin-left: 2%;
		padding: 0rpx 20rpx 0rpx 20rpx;
	}
</style>
